<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>弹窗计时器</title>
</head>
<body>

</body>

    <!--

    BOM对象模型：
    1.window对象
    2.location对象


    window:表示浏览器的窗口对象
        三种弹出框：
        1.alert（msg）：提示框
        2.boolean result= confirm（msg）：确认框
        3.string result = prompt(msg,defaultValue)（默认值可以不填）
            点确定会返回文本框输入的内容，取消返回null



        两种计时器：


-->
    <button id="btn">打印时间</button>
    <button id="btn2">取消</button>
<script>
//窗口对象：
    //弹出框：

    // window.alert("赶紧快去做核酸了！今天不做就要变黄码了！！")
    //
    // let r= confirm("做完核酸了吗?")
    //
    // let r2 = prompt("做了几次核酸了？");
    // alert(r2);
    //



    //计时器：
    //第一种：
    function m1(){
        console.log("hello");
    }

    //每过1000毫秒，执行一次m1()
    window.setInterval("m1()",1000);//window可以省略



    //第二种：点击启动计时器，每隔一秒执行一次方法
    document.getElementById("btn");
    let timer;
    btn.onclick = function () {
        timer = setInterval("m2()",1000)
    }
    function m2() {
        var date = new Date();
        console.log(date);
    }

    //取消上面的打印
    btn2 = document.getElementById("btn2");
    btn2.onclick = function () {
        clearInterval(timer);
    }



    //只执行一次
    setTimeout("m1()",4000);


</script>
</html>